<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
	div{
		width: 1300px;
		height: 1000px;
		border: blue 5px dashed;
		background-image: url(images/bg.gif);
/*		padding: 50px 100px;*/
		margin: 0 auto;
/*		padding: 10px 10px;*/
		color: red;
	}
	#a{
		width: 900px;
		height: 800px;
		background-image: url(images/img1.jpg);
		background-repeat: no-repeat;
		background-color: #E9FBFD;
		background-position: 100% 100%;
		border: red double 5px;
		margin: 90px auto;
		padding: 10px;
		padding-bottom: 20px;
	}
	h1{
		text-align: center;
	}
	h3{
		text-align: center;
	}
	p{
		text-indent: 2em;
	}
	img:nth-of-type(1){
		margin-right: 20px;
	}
</style>
</head>

<body>
<div>
	<div id="a" >
		<header></header><!--具有引导和导航作用，可包含所有页面头部的内容-->
		<nav></nav><!--用于定义导航链接-->
		<h1>豌豆上的公主</h1>
		<h3>作者:安徒生<time datetime="2021/11/8" pubdate="2021/11/8"></time></h3>
		<section></section><!--分块，通常由内容和标题组成-->
		<img src="images/img2.jpg" align="left" alt="公主" title="作业原位置"/>
		<img src="images/img2.jpg" align="right" title="公主" border=5px width="100" height="100" vspace=50px hspace=10px alt="一个女孩" />
		<p>从前有一位王子，他想找一位公主结婚；但是她必须是一位真正的公主。所以他就走遍了全世界，要想寻到这样的一位公主。可是无论他到什么地方，他总是碰到一些障碍。公主倒有的是，不过他没有办法断定她们究竟是不是真正的公主。她们总是有些地方不大对头。结果，他只好回家来，心中很不快活，因为他是那么渴望着得到一位真正的公主。</p>
		<details>
			<summary>第一段评价</summary>
      	<article>有人这样评价：XXXXX</article><!--	与上下文不相关的内容，日志、新闻、评价等-->
		</details>
		<p>有一天晚上，忽然起了一阵可怕的暴风雨。天空在掣电，在打雷，在下着大雨。这真有点使人害怕！这时，有人在敲门，老国王就走过去开门。</p>
		<p>站在城门外的是<mark>一位美丽的公主</mark>。可是，天哪！经过了风吹雨打之后，她的样子是多么难看啊！水sss沿着她的头发和衣服向下面流，流进鞋尖，又从脚跟流出来。她说她是一个<cite>真正的</cite>公主。</p>
		<progress value="70" max="100">故事进程</progress><br/>
		<meter min="0" max="100" low="60" high="80" value="70"></meter>
		<p>“是的，这点我们马上就可以考查出来。”老皇后心里想，可是她什么也没说。她走进卧房，把所有的被褥都搬开，在床榻上放了一粒豌豆。于是她取出二十床垫子，把它们压在豌豆上。随后，她又在这些垫子上放了二十床鸭绒被。</p>
		<p>早晨大家问她昨晚睡得怎样。</p>
		<p>“啊，不舒服极了！”公主说，“我差不多整夜没有合上眼！天晓得我床上有件什么东西？有一粒很硬的东西硌着我，弄得我全身发青发紫，这真怕人！”</p>
		<p>现在大家就看出来了，她是一位真正的公主，因为压在这二十床垫子和二十床鸭绒被下面的一粒豌豆，她居然还能感觉得出来。除了真正的公主以外，任何人都不会有这么嫩的皮肤的。</p>
		<p>因此那位王子就选她为妻子了，因为现在他知道他得到了一位真正的公主。这粒豌豆因此也就送进了博物馆。如果没有人把它拿走的话，人们现在还可以在那儿看到它呢。</p>
		<aside>广告</aside><!--侧边栏 -->
		<footer></footer><!--底部-->
	</div>
</div>
</body>
</html>
